<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>精彩视频</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/app.css" />
		<link rel="stylesheet" type="text/css" href="../../css/util/utils.css" />
	</head>
	<body style="background-color: white;">
		<div class="mui-content" style="background-color: white;">
			<div id="dv-content">
				<!--<div style="display: flex; margin-top: 5px; margin-right: 8px;">
					<div style="width: 25%; margin: 4px;">
						<img src="../../img/1-13092PQ63K52.jpg" style="width: 100%; height: 80px;" />
					</div>
					<div style="width: 75%; margin-left: 4px;">
						<span style="color: #303030; font-size: 15px;">二孩时代更要拼教育</span>
						<span style="display: block; color: #616161; font-size: 13px; margin-top: 10px;">随着全面“二胎”政策的落实，加之上一个生育潮出身的80、90后已进入...</span>
						<span style=" display: block; color: #909090; font-size: 13px; float: right;"><img src="../../img/jzkt/yanjing_03.png" style="width: 16px;">&nbsp;1000</span>
					</div>
				</div>
				<hr class="levline" />-->
				
			</div>
			<div id="dvmorevideo" class="weui_cell" style="height:42px;background-size:cover;">
				<span class="" style="float:right;margin-right: 10px;"><a href="wondvideolst.html" style="color: #00A8C6;">更多...</a></span>								
			</div>
		</div>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/utils/http.utils.js"></script>
	<script>
		var $wxfwid = localStorage.getItem("wxfwid");
		window.onload = function(){
			fun_loadWvLst();
		}
		
		function fun_loadWvLst(){
			mui.ajax({
				url: $request_url.getWonderfulVideoLst,
				dataType: "json",
				type: "get",
				headers: {
					"Authorization": $headers_authorization
				},
				data: {
					typeCode: "JCSP",
					recommend : "",
					orgId: $wxfwid,
					rows: 3,
					page: 0
				},
				success: function(dat) {
					if(dat.code == 0) {
						var $videoLst = dat.result;
						if($videoLst != null && $videoLst.length > 0) {
							var $vlstDoc = document.getElementById("dv-content");
							for(var i = 0; i < $videoLst.length; i++) {
								var $vlstDv = document.createElement('div');
								$vlstDv.innerHTML = fun_loadWondVideoListTemHtml($videoLst[i], i);
								$vlstDoc.appendChild($vlstDv);
							}
						} else {
							mui.toast("无数据来源");
						}
					}
				},
				error: function(err) {
					mui.toast("服务器繁忙....");
				}
			});
		}
		
		mui("#dvmorevideo").on("tap", "a", function(){
			mui.openWindow({
				url : this.href
			});
		});
		
		function fun_loadWondVideoListTemHtml($vid, $num){
			var $wvhtml = 
			'<a href="artDetailed.html?artid=' + $vid.id + '"><div style="display: flex; margin-top: 5px; margin-right: 8px;">'
			+	'<div style="width: 30%; margin: 4px;">'
			+		'<img src="' + $vid.thumbnail + '" style="width: 80px; height: 80px;" />'
			+	'</div>'
			+	'<div style="width: 70%; margin-left: 4px;">'
			+		'<span style="color: #303030; font-size: 15px; display: block;">'+ $vid.title +'</span>'
			//+		'<span style="display: block; color: #616161; font-size: 13px; margin-top: 10px;">'+ $vid.contentAbstract +'</span>'
			+		'<span style=" display: block; color: #909090; font-size: 13px; float: right; margin-top:25px;"><img src="../../img/jzkt/yanjing_03.png" style="width: 16px;">&nbsp;'+ $vid.readCount +'</span>'
			+	'</div>'
			+'</div><a>'
			+'<hr style="width: 100%; background-color: #DCDCDC; height: 1px;" />';
			return $wvhtml;
		} 
		
		mui('#dv-content').on("tap", "a", function(){
			mui.openWindow({
				url : this.href
			});
		});
	</script>
</html>
